import {  Outlet} from 'react-router-dom';
import {  Layout,theme ,Breadcrumb} from 'antd';
import './Index.scss'
import Headers from '../component/Header/Header'
import Left from "../component/LeftList/Left-menu";
const {  Content } = Layout;
const Index = () => {
  const {
    token: { colorBgContainer },
} = theme.useToken();
return (
    <Layout
        style={{
            minHeight: '100vh',
        }}
    >
       <Left/>
        <Layout className="site-layout">
            {/* 右边头部 */}
            <Headers/>
            {/* 右边内容 */}
            <Content
                style={{
                    margin: '16px 16px',
                }}
            >
                <div
                    style={{
                        padding: 24,
                        minHeight: 360,
                        background: colorBgContainer,
                    }}
                >
                    <Outlet></Outlet>
                </div>
            </Content>
        </Layout>
    </Layout>
);
}

export default Index;